<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>光山县旅游产业监控中心</title>
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/lvyoujia_yq.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
</head>
<body>
<div class="box">
    <!--头部-->
    <div class="title-box">
        <div class="title-img">
            <h3>光山县旅游产业监控中心</h3>
        </div>
        <ul class="link-box">
            <li><a href="index.html">人流热力图</a></li>
            <li class="active"><a href="chanye_jq.html">行业运行监测</a></li>
            <li><a href="industryDevelopment.html">行业发展监测</a></li>
            <li><a href="video.html">第三方数据</a></li>
        </ul>
        <div class="title-left">
            <span>光山县</span>
            <span id="weather">小雨转晴</span>
            <span id="temperature">32/23℃</span>
            <span id="windPower">东风</span>
        </div>
    </div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <ul>
                <li>
                    <a href="./index.html">
                        <div>
                            <img src="./assets/images/icon-index.png">
                            <img src="./assets/images/icon-index-active.png">
                        </div>
                        <p>旅游发展环境</p>
                    </a>
                </li>
                <li>
                    <a href="./chanye_jq.html">
                        <div>
                            <img src="./assets/images/icon-analysis.png">
                            <img src="./assets/images/icon-analysis-active.png">
                        </div>
                        <p>旅游产业监测</p>
                    </a>
                </li>
                <li>
                    <a href="./tongji.html">
                        <div>
                            <img src="./assets/images/icon-operation.png">
                            <img src="./assets/images/icon-operation-active.png">
                        </div>
                        <p>旅游统计监测</p>
                    </a>
                </li>
                <li class="active">
                    <a href="./lvyoujia_qx.html">
                        <div>
                            <img src="./assets/images/icon-activity.png">
                            <img src="./assets/images/icon-activity-active.png">
                        </div>
                        <p>旅游+</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--数据内容-->
        <div class="content-box flex-column">
            <div class="content-main flex-row flex1">
                <div class="content-left flex-column">
                    <div class="bg-1 mgb-16 flex2 flex-column">
                        <div class="content-title">舆情信息</div>
                        <div class="bg-main-1 flex1">
                            <div class="list-box">
                                <div class="title-list">
                                    <ul>
                                        <li class="active">正面信息</li>
                                        <li>负面信息(0)</li>
                                    </ul>
                                </div>
                                <div class="content-list">
                                    <ul>
                                        <li class="scroll-box active">
                                            <ul>
                                                <li>
                                                    <div>
                                                        <span>信阳狠抓项目为转型升级“打桩”</span>
                                                        <p>
                                                            <i class="pinglun-time">07-05 12:20</i>
                                                            <i>新浪微博</i>
                                                            <i>转发数:16</i>
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>


                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                            </ul>
                                        </li>
                                        <li class="scroll-box">
                                            <ul>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>

                                                </li>
                                                <li>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bg-1 flex1 flex-column">
                        <div class="content-title">热门话题</div>
                        <div class="bg-main-1 flex1 flex-column">
                            <div class=" flex1" id="index_5"></div>
                        </div>
                    </div>
                </div>
                <div class="content-center flex-column">
                    <div class="bg-1 map-box flex-column animated slideInDown delay-1">
                        <div class="content-title">传播渠道</div>
                        <div class="bg-main-1 flex1 flex-column">
                            <div class=" flex1" id="index_1"></div>
                            <p class="index-center-title"><span class="red">总数</span><span class="green">负面</span></p>
                            <ul class="index-center">
                                <li>
                                    <p><img src="./assets/images/weibo.png" alt="">微博</p>
                                    <span>0</span>
                                    <i>0</i>
                                </li>
                                <li>
                                    <p><img src="./assets/images/weixin.png" alt="">微信</p>
                                    <span>0</span>
                                    <i>0</i>
                                </li>
                                <li>
                                    <p><img src="./assets/images/wangmei.png" alt="">网媒</p>
                                    <span>0</span>
                                    <i>0</i>
                                </li>
                                <li>
                                    <p><img src="./assets/images/luntan.png" alt="">论坛</p>
                                    <span>0</span>
                                    <i>0</i>
                                </li>
                                <li>
                                    <p><img src="./assets/images/shipin.png" alt="">视频</p>
                                    <span>0</span>
                                    <i>0</i>
                                </li>
                                <li>
                                    <p><img src="./assets/images/app.png" alt="">APP</p>
                                    <span>0</span>
                                    <i>0</i>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="bg-1 flex1 flex-column animated slideInUp delay-2">
                        <div class="content-title">舆情趋势</div>
                        <div class="bg-main-1 flex1" id="index_2"></div>
                    </div>
                </div>
                <div class="content-right flex-column">
                    <div class="bg-1 flex1 flex-column animated slideInDown delay-3">
                        <div class="content-title">正负面占比</div>
                        <div class="bg-main-1 flex1" id="index_3"></div>
                    </div>
                    <div class="bg-1 flex1 flex-column slideInRight delay-4 animated">
                        <div class="content-title">来源统计</div>
                        <div class="bg-main-1 flex1" id="index_4"></div>
                    </div>
                    <div class="bg-1 flex1 flex-column animated slideInUp delay-5">
                        <div class="content-title">活跃网民TOP10</div>
                        <div class="bg-main-1 flex1" id="index_0"></div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
</body>
<script src="./assets/plugin/jquery.min.js"></script>
<script src="./assets/plugin/scroll.js"></script>
<script src="./assets/plugin/ECharts/echarts.js"></script>
<script src="./assets/plugin/ECharts/echarts-wordcloud.min.js"></script>
<script src="./assets/plugin/ECharts/china.js"></script>
<script src="./assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="./assets/js/public.js"></script>
<script src="./assets/js/lvyoujia_yq.js"></script>
</html>
